<template>
  <div class="profile-page">
    <div class="coming-soon">
      <el-icon size="64" color="#8590a6"><User /></el-icon>
      <h2>个人主页开发中...</h2>
      <p>用户ID: {{ $route.params.id }}</p>
    </div>
  </div>
</template>

<script setup>
// 个人主页 - 开发中
</script>

<style lang="scss" scoped>
.profile-page {
  padding: 24px;
  text-align: center;
}

.coming-soon {
  background: $background-color;
  border-radius: $border-radius-large;
  padding: 60px 40px;
  box-shadow: $shadow-light;
  
  h2 {
    margin: 16px 0 8px;
    color: $text-color;
  }
  
  p {
    color: $text-secondary;
  }
}
</style>
